@import "variable.less"; // Variable.less

.blockquote-box {
  border-right: 5px solid #E6E6E6;
  margin-bottom: 25px
}

.blockquote-box {
  .square {
    width: 100px;
    min-height: 50px;
    margin-right: 22px;
    text-align: center !important;
    background-color: #E6E6E6;
    padding: 20px 0
  }
}

.blockquote-box {
  .blockquote-primary {
    border-color: @primary
  }
}

.blockquote-box {
  .blockquote-primary {
    .square {
      background-color: @primary;
      color: @white;
    }
  }
}

.blockquote-box {
  .blockquote-success {
    border-color: @success;
  }
}

.blockquote-box {
  .blockquote-success {
    .square {
      background-color: @success;
      color: @white;
    }
  }

}

.blockquote-box {
  .blockquote-info {
    border-color: @info;
  }

}

.blockquote-box {
  .blockquote-info {
    .square {
      background-color: @info;
      color: @white;
    }
  }
}

.blockquote-box {
  .blockquote-warning {
    border-color: @warning;
  }

}

.blockquote-box {
  .blockquote-warning {
    .square {
      background-color: @warning;
      color: @white;
    }
  }

}

.blockquote-box {
  .blockquote-danger {
    border-color: #D43F3A
  }

}

.blockquote-box {
  .blockquote-danger {
    .square {
      background-color: @danger;
      color: @white;
    }
  }
}